// 引入 Vue 核心库，Vue 是构建用户界面的渐进式 JavaScript 框架
import Vue from 'vue'
// 引入 Vue Router 插件，Vue Router 是 Vue.js 官方的路由管理器
import Router from 'vue-router'
// 从 @/pages/index 路径引入 index 组件，@ 通常是在项目配置中定义的 src 目录别名
import index from '@/pages/index'
// 从 @/pages/login 路径引入 login 组件
import login from '@/pages/login'

// 使用 Vue.use() 方法安装 Vue Router 插件，使 Vue 实例可以使用路由功能
Vue.use(Router)

// 导出一个新的 Router 实例，该实例将作为整个应用的路由配置
export default new Router({
  // routes 数组用于定义应用的路由规则，每个对象代表一个路由
  routes: [
    {
      // path 表示该路由对应的 URL 路径，这里 '/' 表示根路径
      path: '/',
      // name 是该路由的名称，方便在代码中通过名称来引用该路由
      name: 'login',
      // component 表示该路由对应的组件，当访问该路由时，会渲染这个组件
      component: login
    },
    {
      // 该路由对应的 URL 路径为 '/index'
      path: '/index',
      // 该路由的名称为 'index'
      name: 'index',
      // 当访问 '/index' 路径时，会渲染 index 组件
      component: index
    }
  ]
})
